.magick_shop_box {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  /*两端居中对齐,仅包含子元素*/
  justify-content: space-evenly;
  /*垂直居中,仅包含子元素*/
  align-items: center;
  /*换行*/
  flex-wrap: wrap;

  .content {
    flex: 0 0 240px;
    .child-box {
      padding: 10px 20px;
      > span {
        font-size: 16px;
        font-weight: bold;
      }
      .child {
        display: flex;
        justify-content: space-between;
        align-items: center;
        p {
          span {
            font-size: 26px;
            font-weight: bold;
          }
        }
        img {
          width: 36px;
          height: 36px;
        }
        > span {
          font-size: 28px;
          width: 36px;
          height: 36px;
        }
      }
    }
  }

  img {
    width: 100%;
    height: 100%;
  }
}

.magick_four-column {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  /*两端居中对齐,仅包含子元素*/
  justify-content: space-evenly;
  /*垂直居中,仅包含子元素*/
  align-items: center;
  /*换行*/
  flex-wrap: wrap;
  .content {
    flex: 0 0 600px;
    > div {
      width: 600px;
      height: 300px;
    }
  }
}

/*奇数*/
.box :nth-child(odd),
.four-column :nth-child(odd) {
  background-color: tomato;
}

/*偶数*/
.box :nth-child(even),
.four-column :nth-child(even) {
  background-color: teal;
}
